<div id="contenedor" class="container">  

    <?php if (isset($mensaje)) { ?>
        <div id="mensaje" class="alert alert-success">
            <center><h4><?php echo $mensaje ?></h4></center>
        </div>
    <?php } ?>

    <div class="row-fluid">

        <a href="#modalUsuario" class="btn btn-primary"  type="button" data-toggle="modal">Crear nuevo</a>
        <br><br/>



        <div>
            <table class="table table-striped table-hover table-bordered ">
                <thead>
                    <tr>
                        <td><center><strong>Nombre</strong></center></td>
                <td><center><strong>Usuario</center></strong></td>
                <td><center><strong>Contraseña</center></strong></td>
                <td><center><strong>Tipo</center></strong></td>
                <td><center><strong>Borrar</center></strong></td>                        
                </tr>    
                </thead>  

                <tbody>



                    <?php foreach ($usuarios as $usuario) : ?>
                        <tr>
                            <td><center><?php echo $usuario->nombre_completo; ?> </center></td>
                    <td><center><?php echo $usuario->usuario ?></center></td>
                    <td>
                    <center>
                        <form  method="post" action="usuarios/reestablecerPassword">
                            <input type="hidden" name="id_usuario" value="<?php echo $usuario->id_usuario; ?>">
                            <input type="hidden" name="usuario" value="<?php echo $usuario->usuario; ?>">
                            <button class='btn btn-link reestablecerPassword' data-usuario="<?php echo $usuario->usuario; ?>" type='submit'><i class='icon-repeat icon-black'></i> Reestablecer</button>
                        </form>
                    </center>
                    </td> 
                    <td><center><?php echo strtoupper($usuario->rol) ?></center></td>
                    <td><center> 
                        <form method="post" action="usuarios/eliminar"> 
                            <input type="hidden" name="id_usuario" value="<?php echo $usuario->id_usuario; ?>">
                            <?php if ($usuario->rol != 'administrador') { ?>
                                <button  class='btn btn-link' type='submit'><i class='icon-remove icon-black'></i></button>
                            <?php } ?>
                        </form>
                    </center>
                    </td> 
                    </tr>
                <?php endforeach; ?>
                </tbody>   

            </table>   
        </div>

    </div>

</div>  


<!--Modal agregar nuevo usuario-->


<div id="modalUsuario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Crear Usuario</h4>
    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div id="error-message" class="alert alert-error hide">

            </div>
        </div>        
        <form id="formCrearUsuario" action="usuarios/crearNuevo" class="form-horizontal" method="POST">           
            <div class="row-fluid">                    
                <div class="span12">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nombre Completo:</label>
                        </div>
                        <div class="span7">
                            <input type="text" name="nombre_completo" class="input-xlarge"  required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Usuario:</label>
                        </div>
                        <div class="span7">
                            <input type="text" name="usuario" class="input-xlarge" id="usuario" required>
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">E-mail:</label>
                        </div>
                        <div class="span7">
                            <input type="email" name="email" class="input-xlarge" id="email" required>  
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Contraseña:</label>
                        </div>
                        <div class="span7">
                            <input type="password" name="password" class="input-xlarge"  required>  
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="modal-footer">                 
                <button class="btn btn-danger" data-dismiss="modal" id="cancelar">Cancelar</button>
                <button type="submit" class="btn btn-inverse btn-success" id="proveedor-submit">Crear</button>

            </div>
        </form>

    </div>
</div>
